<template>
  <div class="app-container">
    <el-tabs v-model="activeName">
      <el-tab-pane label="工序设置" name="first">
        <el-form ref="processForm" :model="processForm" :inline="true">
          
              <el-form-item label="工序状态" prop="GXZT">
                <el-select 
                  v-model="processForm.GXZT"
                  clearable
                  placeholder="请选择工序状态">
                <el-option
                  v-for="dict in GXZTOptions"
                  :key="dict.dictValue"
                  :label="dict.dictLabel"
                  :value="dict.dictValue"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="工序名称" prop="GXMC">
                <el-input v-model="processForm.GXMC" placeholder="请输入工序名称" clearable></el-input>
              </el-form-item>
              
              <el-form-item>
                <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQueryGX">搜索</el-button>
                <el-button  icon="el-icon-refresh" size="mini" @click="resetQueryGX">重置</el-button>
              </el-form-item>
            
        </el-form>
        <el-row :gutter="10" class="mb8">
          <el-col :span="1.5">
            <el-button type="primary"  icon="el-icon-plus" size="mini" @click="handleAddGX">添加</el-button>
          </el-col>
          <el-col :span="1.5">
            <el-button type="info" size="mini" plain icon="el-icon-upload" @click="handleImportGX">导入</el-button>
          </el-col>
          <el-col :span="1.5">
            <el-button type="warning" icon="el-icon-download" plain size="mini" @click="handleExportGX">导出</el-button>
          </el-col>
        </el-row>

        <el-table  :data="processTable"  :row-class-name="rowClassName" >
          <el-table-column
            type="selection"
            />
          <el-table-column prop="GXMC" label="工序名称"/>
          <el-table-column prop="GXLB" label="工序类别" align="center"/>
          <el-table-column prop="GXBH" label="工序编号" align="center"/>
          <el-table-column prop="GXZT" label="工序状态" align="center"/>
          <el-table-column prop="FZRY" label="负责人员" align="center"/>
          <el-table-column label="操作" align="center" width="150" fixed="right">
            <template slot-scope="scope">
              <el-button type="text" size="mini" @click="handleDetailsGX(scope.row)">详情</el-button>
              <el-button type="text" size="mini" @click="handleBlockUpGX">停用</el-button>
              <el-button type="text" size="mini" @click="handleUploadGX(scope.row)">修改</el-button>
            </template>
          </el-table-column>
        </el-table> 

        <pagination :total="totalGX" :pageXOffset.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getListGX"/>

        <el-dialog :title="titleGX" :visible.sync="openGX" width="1000px" append-to-body >
          <el-collapse v-model="activeNameGX" @change="handleChangeGX">
            <el-collapse-item title="基本信息" name="first">
              <el-form ref="formGX" :model="formGX" :rules="rules" label-width="100px" :disabled="isView">
                
                <el-form-item label="工序编号" prop="GXBH">
                  <el-input v-model="formGX.GXBH" placeholder="请输入工序编号"/>
                </el-form-item>
                <el-form-item label="工序名称" prop="GXMC">
                  <el-input v-model="formGX.GXMC" placeholder="请输入工序名称"/>
                </el-form-item>
                <el-form-item label="工序分类" prop="GXFL">
                  <el-select 
                    v-model="formGX.GXFL"
                    clearable
                    placeholder="请选择工序分类">
                  <el-option
                    v-for="dict in GXFLOptions"
                    :key="dict.dictValue"
                    :label="dict.dictLabel"
                    :value="dict.dictValue"></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="工序负责人" prop="GXFZR">
                  <el-input v-model="formGX.GXFZR" placeholder="请输入工序负责人"></el-input>
                </el-form-item>
                <el-form-item label="默认加工类型" prop="MRJGLX">
                  <el-radio v-model="formGX.MRJGLX" label="1">自制</el-radio>
                  <el-radio v-model="formGX.MRJGLX" label="2">委外</el-radio>
                </el-form-item>
                <el-form-item prop="JJJS">
                  <el-radio v-model="formGX.JJJS" label="1">计件+计时都支持</el-radio>
                  <el-radio v-model="formGX.JJJS" label="2">计件</el-radio>
                  <el-radio v-model="formGX.JJJS" label="3">计时</el-radio>
                  <el-radio v-model="formGX.JJJS" label="4">不计</el-radio>
                </el-form-item>
              </el-form>
            </el-collapse-item>
            <el-collapse-item title="其他说明" name="second">
              <div class="editor-container">
              <!-- 富文本编辑器组件 -->
              <quill-editor 
                v-model="content"
                :options="editorOptions"
                @change="handleChange"
    />
  </div>
            </el-collapse-item>
          </el-collapse>
          <div slot="footer" class="dialog-footer">
          <el-button type="primary" @click="submitFormGX">确 定</el-button>
          <el-button @click="cancelGX">取 消</el-button>
        </div>
        </el-dialog>
      </el-tab-pane>
      <el-tab-pane label="产品工艺" name="second">
        <el-form ref="productCraftForm" :model="productCraftForm" size="small" :inline="true">
          <!-- <el-form-item label="添加日期" prop="TJRQ">
            <el-date-picker
              v-model="productCraftForm.TJRQ"
              type="daterange"
              range-separator="至"
              start-placeholde="开始日期"
              end-placeholde="结束日期">
            </el-date-picker>
          </el-form-item> -->
          <el-form-item label="工艺路线状态" prop="GYLXZT">
            <el-select v-model="productCraftForm.GYLXZT" clearable placeholder="请选择工艺路线状态">
              <el-option
                v-for="dict in GYLXZTOptions"
                :key="dict.dictValue"
                :label="dict.dictLabel"
                :value="dict.dictValue"/>
            </el-select>
          </el-form-item>
          <el-form-item label="工艺路线名称" prop="GYLXMC">
            <el-select v-model="productCraftForm.GYLXMC" clearable placeholder="请选择工艺路线名称">
              <el-option
                v-for="dict in GYLXMCOptions"
                :key="dict.dictValue"
                :label="dict.dictLabel"
                :value="dict.dictValue"/>
            </el-select>
          </el-form-item>
          <el-form-item>
                  <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQueryPC">搜索</el-button>
                  <el-button icon="el-icon-refresh" size="mini" @click="resetQueryPC">重置</el-button>
                </el-form-item>
        </el-form>
        
        <el-row :gutter="10" class="mb8">
          <el-col :span="1.5">
            <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAddPC">添加</el-button>
          </el-col>
          <el-col :span="1.5">
            <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleImportPC">导入</el-button>
          </el-col>
          <el-col :span="1.5">
            <el-button  plain icon="el-icon-upload" size="mini" @click="handleExportPC">导出</el-button>
          </el-col>
        </el-row>

        <el-table :data="PCTable"  >
          <el-table-column type="selection" label="选择"/>
          <el-table-column label="工艺路线名称" prop="GYLXMC"/>
          <el-table-column label="工艺路线编号" prop="GYLXBH" align="center"/>
          <el-table-column label="工艺路线状态" prop="GYLXZT" align="center"/>
          <el-table-column label="审批状态" prop="SPZT" align="center"/>
          <el-table-column label="质检状态" prop="ZJZT" align="center"/>
          <el-table-column label="添加人员" prop="TJRY" align="center"/>
          <el-table-column label="添加日期" prop="TJRQ" align="center"/>
          <el-table-column label="操作" align="center" width="150" fixed="right">
            <template slot-scope="scope">
              <el-button type="text" size="mini" @click="handleDetailsPC( scope.row )">详情</el-button>
              <el-button type="text" size="mini" @click="handleBlockUpPC( scope.row )">停用</el-button>
              <el-button type="text" size="mini" @click="handleUpdatePC( scope.row)">修改</el-button>
              <el-button type="text" size="mini" @click="handleDeletePC( scope.row)">删除</el-button>
            </template>
          </el-table-column>
        </el-table>

        <pagination  :total="totalPC" :page.sync="queryParamsPC.pageNum"
          :limit.sync="queryParamsPC.pageSize" @pagination="getListPC" />

          <el-dialog :title="titlePC" :visible.sync="openPC" width="1000px" append-to-body>
            <el-collapse v-model="activeNamePC" @change="handleChangePC">
              <el-collapse-item title="基本信息" name="first">
                <el-form ref="formPC" :model="formPC" :rules="rulesPC" label-width="100px" :disabled="isViewPC">
                  <el-row>
                    <el-col :span="8">
                  <el-form-item label="工艺路线名称" prop="GYLXMC" >
                    <el-select v-model="formPC.GYLXMC" clearable placeholder="请选择工艺路线名称" @change="handleChangeGYLXMC">
              <el-option
                v-for="dict in GYLXMCOptions"
                :key="dict.dictValue"
                :label="dict.dictLabel"
                :value="dict.dictValue"/>
            </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="16">
                  <el-form-item label="工艺路线编号" prop="GYLXBH">
                    <el-input v-model="formPC.GYLXBH" clearable placeholder="请输入工艺路线编号"/>
                  </el-form-item>
                </el-col>
                </el-row>
                  <el-form-item label="适用产品" prop="SYCP">
                    <el-radio v-model="formPC.SYCP" label="1" @input="handleHideCollapse">所有产品</el-radio>
                    <el-radio v-model="formPC.SYCP" label="2" @input="handleAppearCollapse">指定产品</el-radio>
                  </el-form-item>
                </el-form>
              </el-collapse-item>
              <el-collapse-item title="适用产品" name="second" v-show="showCardPC">
                <el-row :gutter="10" class="mb8">
                  <el-col :span="1.5">
                    <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAddRowPC">添加</el-button>
                  </el-col>
                  <el-col :span="1.5">
                    <el-button type="warning" plain icon="el-icon-delete" size="mini" @click="handleDeleteRowPC">删除</el-button>
                  </el-col>
                </el-row>
                <el-table :data="tablePC" >
                  <el-table-column type="selection"/>
                  <el-table-column label="产品名称" prop="CPMC" align="center"/>
                  <el-table-column label="产品编号" prop="CPBH" align="center"/>
                  <el-table-column label="产品型号" prop="CPXH" align="center"/>
                  <el-table-column label="单位" prop="DW" align="center"/>
                  <el-table-column label="备注" prop="BZ" />
                </el-table>
              </el-collapse-item>
              <el-collapse-item title="加工路线" name="third">
                <el-row :gutter="10" class="mb8" v-show="SJShowCard">
                  <el-col :span="1.5">
                    <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAddRowSJGX">添加</el-button>
                  </el-col>
                  <el-col :span="1.5">
                    <el-button type="warning" plain icon="el-icon-delete" size="mini" @click="handleDeleteRowSJGX">删除</el-button>
                  </el-col>
                </el-row>
                <el-table :data="SJprocessDataTable"  v-show="SJShowCard">
                  <el-table-column type="selection"/>
                  <el-table-column label="加工顺序" prop="JGSX" align="center"/>
                  <el-table-column label="加工工序" prop="JGGX" align="center"/>
                  <el-table-column label="工序编号" prop="GXBH" align="center"/>
                  <el-table-column label="加工类型" prop="JGLX" align="center"/>
                  
                </el-table>
                <el-row :gutter="10" class="mb8" v-show="MAShowCard">
                  <el-col :span="1.5">
                    <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAddRowMAGX">添加</el-button>
                  </el-col>
                  <el-col :span="1.5">
                    <el-button type="warning" plain icon="el-icon-delete" size="mini" @click="handleDeleteRowMAGX">删除</el-button>
                  </el-col>
                </el-row>
                <el-table :data="MAprocessDataTable" v-show="MAShowCard">
                  <el-table-column type="selection"/>
                  <el-table-column label="加工顺序" prop="JGSX" align="center"/>
                  <el-table-column label="加工工序" prop="JGGX" align="center"/>
                  <el-table-column label="工序编号" prop="GXBH" align="center"/>
                  <el-table-column label="加工类型" prop="JGLX" align="center"/>
                  
                </el-table>
                <el-row :gutter="10" class="mb8" v-show="CPShowCard">
                  <el-col :span="1.5">
                    <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAddRowCPGX">添加</el-button>
                  </el-col>
                  <el-col :span="1.5">
                    <el-button type="warning" plain icon="el-icon-delete" size="mini" @click="handleDeleteRowCPGX">删除</el-button>
                  </el-col>
                </el-row>
                <el-table :data="CPprocessDataTable"  v-show="CPShowCard">
                  <el-table-column type="selection"/>
                  <el-table-column label="加工顺序" prop="JGSX" align="center"/>
                  <el-table-column label="加工工序" prop="JGGX" align="center"/>
                  <el-table-column label="工序编号" prop="GXBH" align="center"/>
                  <el-table-column label="加工类型" prop="JGLX" align="center"/>
                  
                </el-table>
              </el-collapse-item>
              <el-collapse-item title="其他说明" name="fourth">
              <div class="editor-container">
              <!-- 富文本编辑器组件 -->
              <quill-editor 
                v-model="contentPC"
                :options="editorOptions"
                @change="handleChangePC"
    />
  </div>
            </el-collapse-item>
            </el-collapse>
            <div slot="footer" class="dialog-footer">
          <el-button type="primary" @click="submitFormPC">确 定</el-button>
          <el-button @click="cancelPC">取 消</el-button>
        </div>
          </el-dialog>
      </el-tab-pane>
      <el-tab-pane label="通用BOM配置" name="third">
        <el-row :gutter="20">
      <splitpanes :horizontal="this.$store.getters.device === 'mobile'" class="default-theme">
        <pane size="16">
          <el-col>
            <div class="head-container">
              <el-input v-model="deptName" placeholder="请输入材料" clearable size="small" prefix-icon="el-icon-search" style="margin-bottom: 20px" />
            </div>
            <div class="head-container">
              <el-tree :data="parentAccountName" :props="defaultProps" :expand-on-click-node="true"
              :filter-node-method="filterNode" ref="tree" default-expand-all highlight-current
              @node-click="handleNodeClick" />
            </div>
          </el-col>
        </pane>
        <pane size="84">
          <el-tooltip placement="top">
            <div slot="content">请选择BOM通用配置选项</div>
            <div>

        <el-form :model="SJFLForm" ref="SJYLForm" size="small" :inline="true" v-show="SJFLShowCard">
          <h3 align="center">半成品包含物料类</h3>
          <el-form-item label="塑胶原料" prop="SJYL">
            <el-checkbox v-model="SJFLForm.SJYL"></el-checkbox>
          </el-form-item>
          <el-form-item label="色粉" prop="SF">
            <el-checkbox v-model="SJFLForm.SF"></el-checkbox>
          </el-form-item>
          <h3 align="center">成品包含物料类</h3>
          <el-form-item label="外箱" prop="WX">
            <el-checkbox v-model="SJFLForm.WX"></el-checkbox>
          </el-form-item>
          <el-form-item label="中盒" prop="WX">
            <el-checkbox v-model="SJFLForm.ZH"></el-checkbox>
          </el-form-item>
          <el-form-item label="内盒" prop="WX">
            <el-checkbox v-model="SJFLForm.NH"></el-checkbox>
          </el-form-item>
          <el-form-item label="彩盒" prop="WX">
            <el-checkbox v-model="SJFLForm.CH"></el-checkbox>
          </el-form-item>
          <el-form-item label="隔板" prop="WX">
            <el-checkbox v-model="SJFLForm.GB"></el-checkbox>
          </el-form-item>
          <el-form-item label="白盒" prop="WX">
            <el-checkbox v-model="SJFLForm.BH"></el-checkbox>
          </el-form-item>
          <el-form-item label="展示盒" prop="WX">
            <el-checkbox v-model="SJFLForm.ZSH"></el-checkbox>
          </el-form-item>
          <el-form-item label="衬箱" prop="WX">
            <el-checkbox v-model="SJFLForm.CX"></el-checkbox>
          </el-form-item>
           
           
            <el-form-item label="中包装条码" prop="ZBZTM">
              <el-checkbox v-model="SJFLForm.ZBZTM"></el-checkbox>
            </el-form-item>
            <el-form-item label="外箱条码" prop="WXTM">
              <el-checkbox v-model="SJFLForm.WXTM"></el-checkbox>
            </el-form-item>
            <el-form-item label="内盒条码" prop="NHTM">
              <el-checkbox v-model="SJFLForm.NHTM"></el-checkbox>
            </el-form-item> 
            <el-form-item label="产品条码" prop="CPTM">
              <el-checkbox v-model="SJFLForm.CPTM"></el-checkbox>
            </el-form-item>      
            
                      
            
           
            
            
              
           
          
          <el-form-item label="胶袋" prop="JD">
            <el-checkbox v-model="SJFLForm.JD"></el-checkbox>
          </el-form-item>
          <el-form-item label="说明书" prop="SMS">
            <el-checkbox v-model="SJFLForm.SMS"></el-checkbox>
          </el-form-item>
          <el-form-item label="彩标" prop="CB">
            <el-checkbox v-model="SJFLForm.CB"></el-checkbox>
          </el-form-item>
          <el-form-item label="白纸" prop="BZ">
            <el-checkbox v-model="SJFLForm.BZ"></el-checkbox>
          </el-form-item>
          <el-form-item label="封胶带" prop="FJD">
            <el-checkbox v-model="SJFLForm.FJD"></el-checkbox>
          </el-form-item>
          <el-form-item label="打包带" prop="DBD">
            <el-checkbox v-model="SJFLForm.DBD"></el-checkbox>
          </el-form-item>
          <el-form-item label="彩卡" prop="CK">
            <el-checkbox v-model="SJFLForm.CK"></el-checkbox>
          </el-form-item>
          <el-form-item label="吊牌" prop="DP">
            <el-checkbox v-model="SJFLForm.DP"></el-checkbox>
          </el-form-item>
          <el-form-item label="其它配件" prop="QTPJ">
            <el-checkbox v-model="SJFLForm.QTPJ"></el-checkbox>
          </el-form-item>
          <el-form-item label="中包装袋" prop="ZBZD">
            <el-checkbox v-model="SJFLForm.ZBZD"></el-checkbox>
          </el-form-item>
          <el-form-item label="硅胶" prop="GJ">
            <el-checkbox v-model="SJFLForm.GJ"></el-checkbox>
          </el-form-item>
          <el-form-item label="PVC盒" prop="PVCH">
            <el-checkbox v-model="SJFLForm.PVCH"></el-checkbox>
          </el-form-item>
          <el-form-item label="泡沫" prop="PM">
            <el-checkbox v-model="SJFLForm.PM"></el-checkbox>
          </el-form-item>
          <el-form-item label="气泡纸" prop="QPZ">
            <el-checkbox v-model="SJFLForm.QPZ"></el-checkbox>
          </el-form-item>
          <el-form-item label="收缩膜" prop="SSM">
            <el-checkbox v-model="SJFLForm.SSM"></el-checkbox>
          </el-form-item>
          <!-- <el-form-item>
                  <el-button type="primary"  size="mini" @click="handleSaveSJYL">保存</el-button>
                
                </el-form-item> -->
                <el-col>
          <el-button type="primary"  size="mini" @click="handleSaveSJFL">保存</el-button>
        </el-col>
        </el-form>
        

        <el-form :model="MAFLForm" ref="MAYLForm" size="small" :inline="true" v-show="MAFLShowCard" >
          <h3 align="center">半成品包含物料类</h3>
          <el-form-item label="原料" prop="YL">
            <el-checkbox v-model="MAFLForm.YL"></el-checkbox>
          </el-form-item>
          <el-form-item label="光粉" prop="GF">
            <el-checkbox v-model="MAFLForm.GF"></el-checkbox>
          </el-form-item>
          <el-form-item label="花纸" prop="HZ">
            <el-checkbox v-model="MAFLForm.HZ"></el-checkbox>
          </el-form-item>
          <h3 align="center">成品包含物料类</h3>
          <el-form-item label="外箱" prop="WX">
            <el-checkbox v-model="MAFLForm.WX"></el-checkbox>
          </el-form-item>
          <el-form-item label="中盒" prop="WX">
            <el-checkbox v-model="MAFLForm.ZH"></el-checkbox>
          </el-form-item>
          <el-form-item label="内盒" prop="WX">
            <el-checkbox v-model="MAFLForm.NH"></el-checkbox>
          </el-form-item>
          <el-form-item label="彩盒" prop="WX">
            <el-checkbox v-model="MAFLForm.CH"></el-checkbox>
          </el-form-item>
          <el-form-item label="隔板" prop="WX">
            <el-checkbox v-model="MAFLForm.GB"></el-checkbox>
          </el-form-item>
          <el-form-item label="白盒" prop="WX">
            <el-checkbox v-model="MAFLForm.BH"></el-checkbox>
          </el-form-item>
          <el-form-item label="展示盒" prop="WX">
            <el-checkbox v-model="MAFLForm.ZSH"></el-checkbox>
          </el-form-item>
          <el-form-item label="衬箱" prop="WX">
            <el-checkbox v-model="MAFLForm.CX"></el-checkbox>
          </el-form-item>
            
          <el-form-item label="中包装条码" prop="ZBZTM">
              <el-checkbox v-model="MAFLForm.ZBZTM"></el-checkbox>
            </el-form-item>
            <el-form-item label="外箱条码" prop="WXTM">
              <el-checkbox v-model="MAFLForm.WXTM"></el-checkbox>
            </el-form-item>
            <el-form-item label="内盒条码" prop="NHTM">
              <el-checkbox v-model="MAFLForm.NHTM"></el-checkbox>
            </el-form-item> 
            <el-form-item label="产品条码" prop="CPTM">
              <el-checkbox v-model="MAFLForm.CPTM"></el-checkbox>
            </el-form-item>      
          <el-form-item label="胶袋" prop="JD">
            <el-checkbox v-model="MAFLForm.JD"></el-checkbox>
          </el-form-item>
          <el-form-item label="说明书" prop="SMS">
            <el-checkbox v-model="MAFLForm.SMS"></el-checkbox>
          </el-form-item>
          <el-form-item label="彩标" prop="CB">
            <el-checkbox v-model="MAFLForm.CB"></el-checkbox>
          </el-form-item>
          <el-form-item label="白纸" prop="BZ">
            <el-checkbox v-model="MAFLForm.BZ"></el-checkbox>
          </el-form-item>
          <el-form-item label="封胶带" prop="FJD">
            <el-checkbox v-model="MAFLForm.FJD"></el-checkbox>
          </el-form-item>
          <el-form-item label="打包带" prop="DBD">
            <el-checkbox v-model="MAFLForm.DBD"></el-checkbox>
          </el-form-item>
          <el-form-item label="彩卡" prop="CK">
            <el-checkbox v-model="MAFLForm.CK"></el-checkbox>
          </el-form-item>
          <el-form-item label="吊牌" prop="DP">
            <el-checkbox v-model="MAFLForm.DP"></el-checkbox>
          </el-form-item>
          <el-form-item label="其它配件" prop="QTPJ">
            <el-checkbox v-model="MAFLForm.QTPJ"></el-checkbox>
          </el-form-item>
          <el-form-item label="中包装袋" prop="ZBZD">
            <el-checkbox v-model="MAFLForm.ZBZD"></el-checkbox>
          </el-form-item>
          <el-form-item label="硅胶" prop="GJ">
            <el-checkbox v-model="MAFLForm.GJ"></el-checkbox>
          </el-form-item>
          <el-form-item label="PVC盒" prop="PVCH">
            <el-checkbox v-model="MAFLForm.PVCH"></el-checkbox>
          </el-form-item>
          <el-form-item label="泡沫" prop="PM">
            <el-checkbox v-model="MAFLForm.PM"></el-checkbox>
          </el-form-item>
          <el-form-item label="气泡纸" prop="QPZ">
            <el-checkbox v-model="MAFLForm.QPZ"></el-checkbox>
          </el-form-item>
          <el-form-item label="收缩膜" prop="SSM">
            <el-checkbox v-model="MAFLForm.SSM"></el-checkbox>
          </el-form-item>
          <!-- <el-form-item>
                  <el-button type="primary"  size="mini" @click="handleSaveMAYL">保存</el-button>
                
                </el-form-item> -->
                <el-col>
          <el-button type="primary"  size="mini" @click="handleSaveMAFL">保存</el-button>
        </el-col>
        </el-form>

        

        <!-- <el-form :model="SJFLForm" ref="SJFLForm" size="small" inline="true" v-show="SJFLShowCard">
          <el-form-item label="纸箱">
            <el-checkbox v-model="SJFLForm.WX">外箱</el-checkbox>
            <el-checkbox v-model="SJFLForm.ZH">中盒</el-checkbox>
            <el-checkbox v-model="SJFLForm.NH">内盒</el-checkbox>
            <el-checkbox v-model="SJFLForm.CH">彩盒</el-checkbox>
            <el-checkbox v-model="SJFLForm.GB">隔板</el-checkbox>
            <el-checkbox v-model="SJFLForm.BH">白盒</el-checkbox>
            <el-checkbox v-model="SJFLForm.ZSH">展示盒</el-checkbox>
            <el-checkbox v-model="SJFLForm.CX">衬箱</el-checkbox>
              
            
          </el-form-item>
          <el-form-item label="条码">
            
            <el-checkbox v-model="SJFLForm.ZBZTM">中包装条码</el-checkbox>
            <el-checkbox v-model="SJFLForm.WXTM">外箱条码</el-checkbox>
            <el-checkbox v-model="SJFLForm.NHTM">内盒条码</el-checkbox>
            <el-checkbox v-model="SJFLForm.CPTM">产品条码</el-checkbox>
              
           
          </el-form-item>
          <el-form-item label="胶袋" prop="JD">
            <el-checkbox v-model="SJFLForm.JD"></el-checkbox>
          </el-form-item>
          <el-form-item label="说明书" prop="SMS">
            <el-checkbox v-model="SJFLForm.SMS"></el-checkbox>
          </el-form-item>
          <el-form-item label="彩标" prop="CB">
            <el-checkbox v-model="SJFLForm.CB"></el-checkbox>
          </el-form-item>
          <el-form-item label="白纸" prop="BZ">
            <el-checkbox v-model="SJFLForm.BZ"></el-checkbox>
          </el-form-item>
          <el-form-item label="封胶带" prop="FJD">
            <el-checkbox v-model="SJFLForm.FJD"></el-checkbox>
          </el-form-item>
          <el-form-item label="打包带" prop="DBD">
            <el-checkbox v-model="SJFLForm.DBD"></el-checkbox>
          </el-form-item>
          <el-form-item label="彩卡" prop="CK">
            <el-checkbox v-model="SJFLForm.CK"></el-checkbox>
          </el-form-item>
          <el-form-item label="吊牌" prop="DP">
            <el-checkbox v-model="SJFLForm.DP"></el-checkbox>
          </el-form-item>
          <el-form-item label="其它配件" prop="QTPJ">
            <el-checkbox v-model="SJFLForm.QTPJ"></el-checkbox>
          </el-form-item>
          <el-form-item label="中包装袋" prop="ZBZD">
            <el-checkbox v-model="SJFLForm.ZBZD"></el-checkbox>
          </el-form-item>
          <el-form-item label="硅胶" prop="GJ">
            <el-checkbox v-model="SJFLForm.GJ"></el-checkbox>
          </el-form-item>
          <el-form-item label="PVC盒" prop="PVCH">
            <el-checkbox v-model="SJFLForm.PVCH"></el-checkbox>
          </el-form-item>
          <el-form-item label="泡沫" prop="PM">
            <el-checkbox v-model="SJFLForm.PM"></el-checkbox>
          </el-form-item>
          <el-form-item label="气泡纸" prop="QPZ">
            <el-checkbox v-model="SJFLForm.QPZ"></el-checkbox>
          </el-form-item>
          <el-form-item label="收缩膜" prop="SSM">
            <el-checkbox v-model="SJFLForm.SSM"></el-checkbox>
          </el-form-item>
          <el-form-item>
                  <el-button type="primary"  size="mini" @click="handleSaveSJFL">保存</el-button>
                
                </el-form-item>
        </el-form> -->


       
        
        <!-- <el-form :model="MAFLForm" ref="MAFLForm" size="small" inline="true" v-show="MAFLShowCard">
          <el-form-item label="纸箱">
            <el-checkbox v-model="MAFLForm.WX">外箱</el-checkbox>
            <el-checkbox v-model="MAFLForm.ZH">中盒</el-checkbox>
            <el-checkbox v-model="MAFLForm.NH">内盒</el-checkbox>
            <el-checkbox v-model="MAFLForm.CH">彩盒</el-checkbox>
            <el-checkbox v-model="MAFLForm.GB">隔板</el-checkbox>
            <el-checkbox v-model="MAFLForm.BH">白盒</el-checkbox>
            <el-checkbox v-model="MAFLForm.ZSH">展示盒</el-checkbox>
            <el-checkbox v-model="MAFLForm.CX">衬箱</el-checkbox>
              
            
          </el-form-item>
          <el-form-item label="条码">
            
              <el-checkbox v-model="MAFLForm.CPTM">产品条码</el-checkbox>
              <el-checkbox v-model="MAFLForm.ZBZTM">中包装条码</el-checkbox>
              <el-checkbox v-model="MAFLForm.WXTM">外箱条码</el-checkbox>
              <el-checkbox v-model="MAFLForm.NHTM">内盒条码</el-checkbox>
              
           
          </el-form-item>
          <el-form-item label="胶袋" prop="JD">
            <el-checkbox v-model="MAFLForm.JD"></el-checkbox>
          </el-form-item>
          <el-form-item label="说明书" prop="SMS">
            <el-checkbox v-model="MAFLForm.SMS"></el-checkbox>
          </el-form-item>
          <el-form-item label="彩标" prop="CB">
            <el-checkbox v-model="MAFLForm.CB"></el-checkbox>
          </el-form-item>
          <el-form-item label="白纸" prop="BZ">
            <el-checkbox v-model="MAFLForm.BZ"></el-checkbox>
          </el-form-item>
          <el-form-item label="封胶带" prop="FJD">
            <el-checkbox v-model="MAFLForm.FJD"></el-checkbox>
          </el-form-item>
          <el-form-item label="打包带" prop="DBD">
            <el-checkbox v-model="MAFLForm.DBD"></el-checkbox>
          </el-form-item>
          <el-form-item label="彩卡" prop="CK">
            <el-checkbox v-model="MAFLForm.CK"></el-checkbox>
          </el-form-item>
          <el-form-item label="吊牌" prop="DP">
            <el-checkbox v-model="MAFLForm.DP"></el-checkbox>
          </el-form-item>
          <el-form-item label="其它配件" prop="QTPJ">
            <el-checkbox v-model="MAFLForm.QTPJ"></el-checkbox>
          </el-form-item>
          <el-form-item label="中包装袋" prop="ZBZD">
            <el-checkbox v-model="MAFLForm.ZBZD"></el-checkbox>
          </el-form-item>
          <el-form-item label="硅胶" prop="GJ">
            <el-checkbox v-model="MAFLForm.GJ"></el-checkbox>
          </el-form-item>
          <el-form-item label="PVC盒" prop="PVCH">
            <el-checkbox v-model="MAFLForm.PVCH"></el-checkbox>
          </el-form-item>
          <el-form-item label="泡沫" prop="PM">
            <el-checkbox v-model="MAFLForm.PM"></el-checkbox>
          </el-form-item>
          <el-form-item label="气泡纸" prop="QPZ">
            <el-checkbox v-model="MAFLForm.QPZ"></el-checkbox>
          </el-form-item>
          <el-form-item label="收缩膜" prop="SSM">
            <el-checkbox v-model="MAFLForm.SSM"></el-checkbox>
          </el-form-item>
          <el-form-item>
                  <el-button type="primary"  size="mini" @click="handleSaveMAFL">保存</el-button>
                
                </el-form-item>
        </el-form>     -->
      </div>   
        </el-tooltip>   
        </pane>
      </splitpanes>
    </el-row>
        </el-tab-pane>
    </el-tabs>
  </div>
</template>


<script>
import { quillEditor } from 'vue-quill-editor'
import 'quill/dist/quill.snow.css'  // 必须引入样式文件
import { Splitpanes, Pane } from "splitpanes";
import "splitpanes/dist/splitpanes.css";
  export default {
    components: { quillEditor, Splitpanes, Pane},
    data () {
      return {
        content: '<p>初始内容</p>',
        contentPC: '<p>初始内容</p>',
      editorOptions: {
        modules: {
          toolbar: [
            ['bold', 'italic', 'underline'],        // 粗体/斜体/下划线
            [{ 'list': 'ordered'}, { 'list': 'bullet' }], // 列表
            ['link', 'image', 'video']              // 媒体
          ]
        },
        theme: 'snow'  // 主题风格（默认）
      },
      
        
 
  
        activeNameGX: ['first','second'],
        activeName: 'first',
        activeNamePC: ['first','second','third','fourth'],
        //弹出层标题
        titleGX:"",
        titlePC:"",
        title: '',
        titleMaterial:'',
        //是否显示弹出层
        openGX: false,
        openPC: false,
        open: false,
      openMaterial: false,
        //是否为查看模式
        isView: false,
        isViewPC: false,
        //表单参数
        processForm: {},
        formGX: {},
        productCraftForm: {},
        formPC: {},
        form: {},
        formMaterial: {},
        MABCPForm: {},
        MACPForm: {},
        SJYLForm: {},
        SJFLForm: {},
        MAYLForm: {},
        MAFLForm: {},
        //弹窗表单验证规则
        rules:{},
        rulesPC:{},
        rulesMaterial: {
        },
        totalGX:4,
        totalPC:3,
        total: 0,
        //模拟数据
        
      productData: [],
      // 材料数据
     
      
      parentAccountName: [{
        label: '所有类别',
        children: [{
            label: '塑胶',
            
            },{
              label: '密胺',
              
            }]
          
      }],
      defaultProps: {
        children: 'children',
        label: 'label'
      },
      queryParams: {
        pageNum: 1,
        pageSize: 10,
      },
      showSearch: true,
      single: false,
      multiple: false,
      tableData: [],
      rules: {},
      form: {},
      isEdit: false,
      showCard: true,
      showCardPC: true,
      
      SJFLShowCard: true,
      
      MAFLShowCard: false,
      SJShowCard: false,
      MAShowCard: false,
      CPShowCard: false,
      flag: false,
      deptName: '',
      
      // 模拟数据
     
        processTable:[{
          GXMC: '注塑',
          GXLB: '塑胶工序',
          GXBH: 'GX_20240109004',
          GXZT: '启用',
          FZRY: '邓昌峰',
        },{
          GXMC: '印花',
          GXLB: '塑胶工序',
          GXBH: 'GX_202401090043',
          GXZT: '启用',
          FZRY: '邓昌峰'},{
          GXMC: '磨边',
          GXLB: '密胺工序',
          GXBH: 'GX_20240109002',
          GXZT: '启用',
          FZRY: '邓昌峰'},{
          GXMC: '抛光',
          GXLB: '密胺工序',
          GXBH: 'GX_20240109001',
          GXZT: '启用',
          FZRY: '邓昌峰'},{
          GXMC: '磨孔',
          GXLB: '密胺工序',
          GXBH: 'GX_20240109001',
          GXZT: '启用',
          FZRY: '邓昌峰'},{
          GXMC: '烘花',
          GXLB: '密胺工序',
          GXBH: 'GX_20240109001',
          GXZT: '启用',
          FZRY: '邓昌峰'},{
          GXMC: '成型',
          GXLB: '密胺工序',
          GXBH: 'GX_20240109001',
          GXZT: '启用',
          FZRY: '邓昌峰'},{
          GXMC: '装内盒',
          GXLB: '包装工序',
          GXBH: 'GX_20240109001',
          GXZT: '启用',
          FZRY: '邓昌峰'},{
          GXMC: '装外箱',
          GXLB: '包装工序',
          GXBH: 'GX_20240109001',
          GXZT: '启用',
          FZRY: '邓昌峰'},],
        PCTable:[{
          GYLXMC:'塑胶半成品加工工艺',
          GYLXBH:'GYLC_20240109001',
          GYLXZT:'启用',
          SPZT:'无需审批',
          TJRY:'邓昌峰',
          TJRQ:'2024-01-09',
        },{
          GYLXMC:'密胺半成品加工工艺',
          GYLXBH:'GYLC_20240109002',
          GYLXZT:'启用',
          SPZT:'无需审批',
          TJRY:'邓昌峰',
          TJRQ:'2024-01-09',
        },{
          GYLXMC:'成品加工工艺',
          GYLXBH:'GYLC_20240109003',
          GYLXZT:'启用',
          SPZT:'无需审批',
          TJRY:'邓昌峰',
          TJRQ:'2024-01-09',
        }],
        tablePC:[{
          CPMC:'小帽头',
          CPBH:'GX_20240103',
          CPXH:'0*0*0',
        },{
          CPMC:'大帽头',
          CPBH:'GX_20240102',
          CPXH:'1*1*1',
        },{
          CPMC:'托盘3件套',
          CPBH:'GX_20240105',
          CPXH:'1*1*1',
        },{
          CPMC:'垃圾篮',
          CPBH:'GX_20240105',
          CPXH:'1*1*1',
        },{
          CPMC:'咖啡棒',
          CPBH:'GX_20240105',
          CPXH:'1*1*1',
        }],
        SJprocessDataTable:[{
          JGSX:'1',
          JGGX:'注塑',
          GXBH:'001',
          JGLE:'塑胶半成品加工工艺',
          ZBSJ:'2024-01-02',
        },{
          JGSX:'2',
          JGGX:'印花',
          GXBH:'001',
          JGLE:'塑胶半成品加工工艺',
          ZBSJ:'2024-01-02',
        },{
          JGSX:'3',
          JGGX:'超声波焊接',
          GXBH:'001',
          JGLE:'塑胶半成品加工工艺',
          ZBSJ:'2024-01-02',
        }],
        MAprocessDataTable:[{
          JGSX:'1',
          JGGX:'烘花',
          GXBH:'001',
          JGLE:'密胺半成品加工工艺',
          ZBSJ:'2024-01-02',
        },{
          JGSX:'2',
          JGGX:'刷花',
          GXBH:'001',
          JGLE:'密胺半成品加工工艺',
          ZBSJ:'2024-01-02',
        },{
          JGSX:'3',
          JGGX:'夹花',
          GXBH:'001',
          JGLE:'密胺半成品加工工艺',
          ZBSJ:'2024-01-02',
        }],
        CPprocessDataTable:[{
          JGSX:'1',
          JGGX:'装内盒',
          GXBH:'001',
          JGLE:'成品加工工艺',
          ZBSJ:'2024-01-02',
        },{
          JGSX:'2',
          JGGX:'装外箱',
          GXBH:'001',
          JGLE:'成品加工工艺',
          ZBSJ:'2024-01-02',
        }],
        queryParams: {
          pageNum: 1,
          pageSize: 10,
        },queryParamsPC: {
          pageNum: 1,
          pageSize: 10,
        },
        GXFLOptions:[{
          dictLabel:'密胺半成品',
          dictValue:'密胺半成品',
        },{
          dictLabel:'塑胶半成品',
          dictValue:'塑胶半成品',
        },{
          dictLabel:'成品包装',
          dictValue:'成品包装',
        }],
        GXZTOptions:[{
          dictValue:'启用',
          dictLabel:'启用',
        },{
          dictValue:'停用',
          dictLabel:'停用',
        },
      ],GYLXZTOptions:[{
          dictLabel:'启用',
          dictValue:'启用',
        },{
          dictLabel:'停用',
          dictValue:'停用'
        },
      ],
      GYLXMCOptions:[{
        dictLabel:'塑胶半成品加工工艺',
        dictValue:'塑胶半成品加工工艺',
      },{
        dictLabel:'密胺半成品加工工艺',
        dictValue:'密胺半成品加工工艺',
      },{
        dictLabel:'成品加工工艺',
        dictValue:'成品加工工艺',
      },],
      GXBH:''
        
        

      }

    },
    mounted() {
    console.log(this.parentAccountName[0].children[0]);
    this.handleNodeClick(this.parentAccountName[0].children[0])
  },
  watch: {
    // 监听数据的变化, 判断是否是子数据
    materialData(value) {
      console.log(value)
      this.materialData.filter(item => {
        console.log(item)
        var children = item.children;
        children.filter(i => {
          i.parentMemberAccount = item.memberAccount
          i.isSon = true;
        })
      })
    }
  },
    methods: {
      
        //显示高亮
        rowClassName({ row }) {
          return row.GXBH === this.GXBH ? 'selected-row' : ''; // 判断是否选中
        },
      
       // 弹窗
    rowStyle({ row }) {
      if(row.isSon){
        return { background: 'skyblue' }
      }else{
        return {}
      } 
    },
    filterNode(value, data) {
      if (!value) return true;
      return data.label.indexOf(value) !== -1;
    },
    handleNodeClick(data) {
      
      if(data.label == '塑胶'){
        console.log(data.label)
        
        this.SJFLShowCard = true
       
        this.MAFLShowCard = false
        
        
    }
      else if(data.label == '密胺'){
        console.log(data.label)
        this.SJFLShowCard = false
       
        this.MAFLShowCard = true
        
        
      }
      // else if(data.label == '密胺原料类'){
      //   console.log(data.label)
      //   this.MAYLShowCard = true
      //   this.SJYLShowCard = false
      //   this.SJFLShowCard = false
      //   this.MAFLShowCard = false
      //   this.MAYLForm = { }
      //   console.log(this.SJFLShowCard)
      //   console.log(this.SJYLShowCard)
      //   console.log(this.MAYLShowCard)
      //   console.log(this.MAFLShowCard)
      // }else if(data.label == '密胺辅料类'){
      //   console.log(data.label)
      //   this.MAFLShowCard = true
      //   this.SJYLShowCard = false
      //   this.SJFLShowCard = false
      //   this.MAYLShowCard = false
      //  this.MAFLForm = { }
      //   console.log(this.SJFLShowCard)
      //   console.log(this.SJYLShowCard)
      //   console.log(this.MAYLShowCard)
      //   console.log(this.MAFLShowCard)
      // }
    },
    getList() { },
    handleAdd() {
      this.open = true;
      this.title = '新增成品信息';
      this.form = {};
     },
    handleUpdate(row) {
      this.form = row;
      console.log(row);
      this.open = true;
      this.title = '修改成品信息';
    },
    handleDelete(row) {
      this.$confirm('确认删除产品列表')
      .then(() => {
          this.productData.splice(this.productData.indexOf(row), 1);
          this.$message.success('删除成功');
          this.showCard = false
      })
    },
    submitForm() {
      this.open = false;
    },
    cancel() {
      this.open = false;
    },
    handleAddMaterial() {
      this.resetForm();
      this.formMaterial.parentProductNo = this.productNo;
      this.titleMaterial = '新增材料信息';
      this.openMaterial = true;
    },
    handleupdateMaterial(row) {
      this.formMaterial = row;
      this.openMaterial = true;
      this.titleMaterial = '修改材料信息';
    },
    handledeleteMaterial(row) {
      this.$confirm('确认删除材料列表')
      .then(() => {
        this.materialData.splice(this.materialData.indexof(row),1)
      })
    },
    submitFormMaterial() {
      this.openMaterial = false;
    },
    cancelMaterial() {
      this.openMaterial = false;
    },
    // 重置表单
    resetForm() {
      this.formMaterial = {
        parentProductNo: '',
        productNo: '',
        productName: '',
        spec: '',
        color: '',
        size: '',
        type: '',
        process: '',
        mainUnit: '',
        subUnit: '',
        lossRate: '',
        department: '',
        halfProduct: '',
        img: '',
      }
    },
    showTab(row) {
      this.productName =  row.productName
      this.productNo = row.productNo
      this.form = row
      this.showCard = true;
    },
    handleQuery() { },
    resetQuery() { },
    handleExport() { },
    handleSelectionChange(selection) {
      this.ids = selection.map((item) => item.userId);
      this.single = selection.length !== 1;
      this.multiple = !selection.length;
    },
    // 根据产品代号展示所有数据
    handleSelectProductNo(data){
      console.log(data);
      
      if(data =='1001'){
        this.$nextTick(() => {
          this.resetForm()
          this.formMaterial = this.productList[0]
        })
        
      }
      else if(data == '1002'){
        this.$nextTick(() => {
          this.resetForm()
        this.formMaterial = this.productList[1]
        })
      }
      else if(data == '1003'){
        this.$nextTick(() => {
          this.resetForm()
        this.formMaterial = this.productList[2]
        })
      }
      
      // this.formMaterial = this.productList.find(item => item.productNo == data)
      this.$nextTick(() => {
      this.formMaterial.parentProductNo = this.productNo;
      this.formMaterial.productNo = data;
      })
      
    },
    
    
      getListGX(){ },
      getListPC(){ },
      handleChange(content) {
      console.log('当前内容：', content)
    },handleChangePC(contentPC) {
      console.log('当前内容：', contentPC)
    },
      handleAddGX() {
        this.isView = false;
        this.openGX = true;
        this.titleGX = '工序添加'
        this.formGX = {};
      },
      handleAddPC() {
        this.isViewPC = false;
        this.openPC = true;
        this.titlePC = '工艺路线添加'
        this.formPC = {};
      },
      handleUploadGX(row) {
        this.isView = false;
        this.openGX = true;
        this.titleGX = '工序修改';
        this.formGX = row
      },handleUpdatePC(row) {
        this.isViewPC = false;
        this.openPC = true;
        this.titlePC = '工艺路线修改';
        this.formPC = row
        if(row.GYLXMC == '塑胶半成品加工工艺'){
          console.log(row.GYLXMC)
          this.SJShowCard = true
          this.MAShowCard = false
          this.CPShowCard = false
        } else if(row.GYLXMC == '密胺半成品加工工艺'){
          this.MAShowCard = true
          this.SJShowCard = false
          this.CPShowCard = false
        } else if(row.GYLXMC == '成品加工工艺'){
          this.CPShowCard = true
          this.SJShowCard = false
          this.MAShowCard = false
        }
      },
      handleDetailsGX(row) {
        this.openGX = true;
        this.titleGX = '工序详情';
        this.formGX = row;
        this.isView = true;
        
      }, 
      handleDetailsPC(row) {
        this.openPC = true;
        this.titlePC = '工艺路线详情';
        this.formPC = row;
        this.isViewPC = true;
        console.log(row.GYLXMC)
        if(row.GYLXMC == '塑胶半成品加工工艺'){
          console.log(row.GYLXMC)
          this.SJShowCard = true
          this.MAShowCard = false
          this.CPShowCard = false
        } else if(row.GYLXMC == '密胺半成品加工工艺'){
          this.MAShowCard = true
          this.SJShowCard = false
          this.CPShowCard = false
        } else if(row.GYLXMC == '成品加工工艺'){
          this.CPShowCard = true
          this.SJShowCard = false
          this.MAShowCard = false
        }
      },
      handleImportGX() {

      },handleImportPC() {

      },
      handleExportGX() {

      },handleExportPC() {

      },
      submitFormGX() {
        this.openGX = false;
      },submitFormPC() {
        this.openPC = false;
        this.CPShowCard = false
          this.SJShowCard = false
          this.MAShowCard = false
      },
      cancelGX() {
        this.openGX = false;
        this.content = '';
      },cancelPC() {
        this.openPC = false;
        this.contentPC = '';
        this.CPShowCard = false
          this.SJShowCard = false
          this.MAShowCard = false
      },
      //重置表单
      resetQueryGX() {

      },resetQueryPC() {

      },
      handleQueryGX() {

      },handleQueryPC() {

      },
      handleBlockUpGX() {

      },handleBlockUpPC() {

      },
      handleChangeGX(val) {
        
      },
      handleChangePC(val) {
        console.log('当前展开的面板',val)
      },
      handleHideCollapse(){
        // console.log(' 11111111111111111111111111111111111111')
        // this.activeNamePC = this.activeNamePC.filter(name => name !== 'second')
        this.showCardPC = false
      },
      handleAppearCollapse(){
        
        // const newArr = [...new Set([...this.activeNamePC, 'second'])]
        // this.activeNamePC = newArr
        this.showCardPC = true
      
      },
      handleAddRowPC() {
        this.tablePC.push({
          CPMC:'',
          CPBH:'',
          CPXH:'',
          DW:'',
          BZ:''
        })
      },
      handleAddRowSJGX(){
        this.SJprocessDataTable.push({
          JGSX:'',
          JGGX:'',
          GXBH:'',
          JGLX:''
        })
      },
      handleDeleteRowSJGX(){

      }, 
      handleAddRowMAGX(){
        this.MAprocessDataTable.push({
          JGSX:'',
          JGGX:'',
          GXBH:'',
          JGLX:''
        })
      },
      handleDeleteRowMAGX(){

      },
       handleAddRowCPGX(){
        this.CPprocessDataTable.push({
          JGSX:'',
          JGGX:'',
          GXBH:'',
          JGLX:''
        })
      },
      handleDeleteRowCPGX(){

      },
      handleDeleteRowPC(){

      },
      handleChangeGYLXMC(selectedValue) {
        console.log('当前选中值：' ,selectedValue)
        if(selectedValue == '塑胶半成品加工工艺'){
          
          this.SJShowCard = true
          this.MAShowCard = false
          this.CPShowCard = false
        } else if(selectedValue == '密胺半成品加工工艺'){
          this.MAShowCard = true
          this.SJShowCard = false
          this.CPShowCard = false
        } else if(selectedValue == '成品加工工艺'){
          this.CPShowCard = true
          this.SJShowCard = false
          this.MAShowCard = false
        }
      },
      handleSaveMAFL() {

      },handleSaveMAYL() {

      },handleSaveSJYL() {

      },handleSaveSJFL() {

      },
     
    }
  }
</script>

<style>
.selected-row {
  background-color: yellow !important;
  /* 选中行的背景颜色 */
}
</style>
